import React, { FC } from 'react'
import Header from '@/compents/header/Header'
import CardLeft from '@/compents/articleDetails/CardLeft'
import Recommend from '@/compents/Recommend'
import FloatButton from '@/compents/floatbutton/Index'
import CardRightTwo from '@/compents/articleDetails/CardRightTwo'
import { Affix } from 'antd'

import style from '../compent.module.scss'
const Index: FC = () => {
  return (
    <div className="h100">
      <Header />
      <div className="content">
        <div className={style.con}>
          <div className={style.left}>
            <CardLeft />
          </div>
          <Affix offsetTop={10}>
            <div className={style.right}>
              <Recommend />
              <CardRightTwo />
            </div>
          </Affix>
        </div>
      </div>
      <FloatButton />
    </div>
  )
}

export default Index
